<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购</title>
    <link rel="stylesheet" href="./fa/css/all.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="icon" href="./favicon.ico">
    
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav-wrapper ">
        <div class="nav-wrap w clearfix">
        <div class="nav-left ">
        <ul>
        <li><a href="./index.html">品优欢迎您！</a></li>
        <li><a href="./login.html">请登录</a></li>
        <li><a href="./registered.html">免费注册</a></li>
        </ul></div>
        <div class="nav-right">
        <ul>
        <li><a href="./order.html">我的订单</a></li>
        <li>|</li>
        <li><a href="./settlement.html">我的品优购</a>
        <i class="fas fa-angle-down"></i></li>
        <li><a href="./detail.html">品优购会员</a></li>
        <li>|</li>
        <li><a href="">企业采购</a></li>
        <li>|</li>
        <li><a href="">关注品优购</a>
        <i class="fas fa-angle-down"></i></li>   
        <li>|</li>
        <li><a href="">客户服务</a>
        <i class="fas fa-angle-down"></i></li>
        <li>|</li>
        <li><a href="">网站导购</a>
        <i class="fas fa-angle-down"></i></li>
        </ul></div></div>
    </div>
    <!-- 搜索框 -->
    <div class="search-wrapper w clearfix">
        <div class="logo">
            <img src="./image/logo.png">
        </div>
        <div class="search-wrap">
            <div class="search">
                <div class="search-top">
                    <div class="search">
                       <form action="POST">
                        <input type="text" class="t1" placeholder="  语言开发">
                       </form>
                        <input type="button" value="搜索" class="t2">
                    </div>
                    <div class="search-bottom">
                        <ul>
                            <li><a href="#">优惠购首页</a></li>
                            <li><a href="#">亿元优惠</a></li>
                            <li><a href="#">9.9元团购</a></li>
                            <li><a href="#">每满99减30</a></li>
                            <li><a href="#">办公用户</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">通信</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
            <div class="shop">
                <span></span><a href="#">购物车></a>
            </div>
    </div>
    <!-- 导航条 -->
    <div class="top-wrap">
    <div class="top-wrapper w clearfix">
        <ul class="top-menu">
                <li class="all-goods-menu"><a href="">全部商品分类</a>
                    <ul class="left-menu">
                        <li class="item"><a href="">女装</a><span class="line">/</span><a href="">男装</a><span class="line">/</span><a href="">内衣</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">鞋靴</a><span class="line">/</span><a href="">箱包</a><span class="line">/</span><a href="">配件</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">童装玩具</a><span class="line">/</span><a href="">孕产</a><span class="line">/</span><a href="">用品</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">家电</a><span class="line">/</span><a href="">数码</a><span class="line">/</span><a href="">保健品</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">美妆</a><span class="line">/</span><a href="">洗护</a><span class="line">/</span><a href="">数码</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">珠宝</a><span class="line">/</span><a href="">眼镜</a><span class="line">/</span><a href="">手表</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">运动</a><span class="line">/</span><a href="">户外</a><span class="line">/</span><a href="">乐器</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">游戏</a><span class="line">/</span><a href="">动漫</a><span class="line">/</span><a href="">影视</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">美食</a><span class="line">/</span><a href="">生鲜</a><span class="line">/</span><a href="">零食</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">鲜花</a><span class="line">/</span><a href="">宠物</a><span class="line">/</span><a href="">农资</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">面料聚采</a><span class="line">/</span><a href="">装修</a><span class="line">/</span><a href="">建材</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">家具</a><span class="line">/</span><a href="">家饰</a><span class="line">/</span><a href="">家纺</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">汽车</a><span class="line">/</span><a href="">二手车</a><span class="line">/</span><a href="">用品</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">办公</a><span class="line">/</span><a href="">DIY</a><span class="line">/</span><a href="">五金电子</a><i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="">百货</a><span class="line">/</span><a href="">餐厨</a><span class="line">/</span><a href="">家庭保健</a><i class="fa fa-angle-right"></i></li>
                        </ul>
                </li>
                <li><a href="">服装城</a></li>
                <li><a href="">美妆馆</a></li>
                <li><a href="">传智超市</a></li>
                <li><a href="">全球购</a></li>
                <li><a href="">闪购</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">拍卖</a></li>
                <li><a href="">有趣</a></li>
            </ul>
        </div>
    </div>
    <!-- 左侧固定条导航栏 -->
    <div class="fix-wrapper">
        <ul>
            <li><a href="">家用电器</a></li>
            <li><a href="">手机通讯</a></li>
            <li><a href="">电脑办公</a></li>
            <li><a href="">家具家居</a></li>
            <li><a href="">生活用品</a></li>
            <li><a href="">运动户外</a></li>
            <li><a href="">汽车用品</a></li>
            <li><a href="">食物酒类</a></li>
            <li><a href="">医药保健</a></li>
            <li><a href="">图书音像</a></li>
            <li><a href="">金融彩票</a></li>
        </ul>
    </div>
    <!-- 中间列表 -->
    <div class="main-wrap w clearfix"> 
    <!-- 中间轮播图 -->
    <div class="promo-bd">
        <img src="./image/banner1.jpg" width="710px">
    </div>
    <div class="main-right">
        <div class="info-wrapper">
            <div class="info ">
            <span class="info-l">品优购快报</span>
            <span class="info-r">更多></span>
            </div>
        <div class="info-menu">
        <ul>
        <li><span>[特惠]</span>备战开学季 全民半价购数码</li>
        <li><span>[公告]</span>品优稳占家电网购六成份额</li>
        <li><span>[特惠]</span>百元中秋全品类礼券限量领</li>
        <li><span>[公告]</span>上品优生鲜 享阳澄湖大闸蟹</li>
        <li><span>[特惠]</span>每日享折扣品优品质游</li>
        </ul>
        </div></div>
        <div class="shortcut-wrapper">
          <ul class="shortcut clearfix">
            <li class="sj"><a href="#"><span>话费</span></a></li>
            <li class="fj"><a href="#"><span></span>飞机</a></li>
            <li class="dyp"><a href="#"><span></span>电影票</a></li>
            <li class="yx"><a href="#">游戏</a></li>
            <li class="cp"><a href="#">彩票</a></li>
            <li class="jyk"><a href="#">加油卡</a></li>
            <li class="jd"><a href="#">酒店</a></li>
            <li class="hcp"><a href="#">火车票</a></li>
            <li class="zc"><a href="#">众筹</a></li>
            <li class="lc"><a href="#">理财</a></li>
            <li class="lpk"><a href="#">礼品卡</a></li>
            <li class="bt"><a href="#">白条</a></li>
           </ul>
        </div>
         <div><img src="./uploads/ad.jpg"></div>
</div>
    </div>
    <!--今日推荐-->
    <div class="recommend-wrapper w clearfix">
        <div class="clock"></div>
        <div class="yz"><a href="#"></a></div>
        <div class="pp"><a href="#"></a></div>
        <div class="ss"><a href="#"></a></div>
        <div class="sx"><a href="#"></a></div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="like w clearfix">
        <div class="guess">
        <p>猜你喜欢</p>
        <span></span><p>换一批</p></div>
        <div class="like-menu">
            <div class="menu1">
                <img src="./uploads/like_01.png">
                <div class="js"><p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                <span><span>￥</span>116</span></div>
            </div>
            <div class="menu1">
                <img src="./uploads/like_02.png">
                <div class="js"><p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                <span><span>￥</span>116</span></div>
            </div>
            <div class="menu1">
                <img src="./uploads/like_03.png">
                <div class="js"><p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                <span><span>￥</span>116</span></div>
            </div>
            <div class="menu1">
                <img src="./uploads/like_04.png">
                <div class="js"><p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                <span><span>￥</span>116</span></div>
            </div>
            <div class="menu1">
                <img src="./uploads/like_05.png">
                <div class="js"><p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                <span><span>￥</span>116</span></div>
            </div>
            <div class="menu1">
                <img src="./uploads/like_06.png">
                <div class="js"><p>阳光美包新款单肩包女包时尚子母包四件套女</p>
                <span><span>￥</span>116</span></div>
            </div>
        </div>
    </div>
    <!-- 有趣区 -->
    <div class="czbk w clearfix">
        <p>传智播客·有趣区</p>
        <div class="interst">
        <div class="book">
            <img src="./uploads/interest01.png">
        </div>
        <div class="goods">
            <h>好东西</h>
            <img src="./uploads/interest02.png">
            <img src="./uploads/interest03.png">
        </div>
        <div class="brand">
            <h>品牌街</h>
            <img src="./uploads/interest04.png">
            <img src="./uploads/interest05.png">
            <img src="./uploads/interest06.png">
        </div>
        <div class="phone">
            <ul>
            <li><img src="./uploads/brand01.png"></li>
            <li><img src="./uploads/brand02.png"></li>
            <li><img src="./uploads/brand03.png"></li>
            <li><img src="./uploads/brand13.png"></li>
            <li><img src="./uploads/brand04.png"></li>
            <li><img src="./uploads/brand05.png"></li>
            <li><img src="./uploads/brand06.png"></li>
            <li><img src="./uploads/brand07.png"></li>
            <li><img src="./uploads/brand08.png"></li>
            <li><img src="./uploads/brand09.png"></li>
            <li><img src="./uploads/brand10.png"></li>
            <li><img src="./uploads/brand11.png"></li>
            <li><img src="./uploads/brand12.png"></li>
            <li><img src="./uploads/brand13.png"></li>
            </ul>
        </div>
        </div>
    </div>
    <!-- 家用电器 -->
    <div class="household w clearfix">
    <div class="home">
    <h>家用电器</h>
    <ul class="phone-menu">
        <li><a href="">热门</a></li>
        <li>|</li>
        <li><a href="">品牌优选</a></li>
        <li>|</li>
        <li><a href="">新机尝鲜</a></li>
        <li>|</li>
        <li><a href="">高性价比</a></li>
        <li>|</li>
        <li><a href="">口碑推荐</a></li>
        <li>|</li>
        <li><a href="">合约机</a></li>
        <li>|</li>
        <li><a href="">手机卡</a></li>
        <li>|</li>
        <li><a href="">店铺精选</a></li>
        <li>|</li>
        <li><a href="">手机配件</a></li>
    </ul>
    </div>
    <div class="device">
    <!-- 电视 -->
    <div class="ds">
        <ul>
            <li><a href="#">节能补贴</a></li>
            <li><a href="#">空气净化器</a></li>
            <li><a href="#">滚筒洗衣机</a></li>
            <li><a href="#">4K电视</a></li>
            <li><a href="#">1H电饭煲</a></li>
            <li><a href="#">电热水器</a></li>
        </ul>
        <img src="./uploads/floor-1-1.png">
    </div>
    <div class="cj">
    <div class="rsh">
        <a href="#"><img src="./uploads/floor-1-b01.png"></a>
    </div>
    <div class="floor-1">
        <img src="./uploads/floor-1-2.png">
        <img src="./uploads/floor-1-3.png">
    </div>
    <div class="floor-2">
        <img src="./uploads/floor-1-4.png">
       
    </div>
    <div class="floor-3">
         <img src="./uploads/floor-1-5.png">
         <img src="./uploads/floor-1-6.png">
    </div>
    </div>
    </div>
    </div>
    <!-- 手机品牌 -->
    <div class="phone-brank w clearfix">
        <ul>
            <li><a href=""><img src="./uploads/brand_03.png"></a></li>
            <li><a href=""><img src="./uploads/brand_05.png"></a></li>
            <li><a href=""><img src="./uploads/brand_07.png"></a></li>
            <li><a href=""><img src="./uploads/brand_09.png"></a></li>
            <li><a href=""><img src="./uploads/brand_11.png"></a></li>
            <li><a href=""><img src="./uploads/brand_13.png"></a></li>
            <li><a href=""><img src="./uploads/brand_15.png"></a></li>
            <li><a href=""><img src="./uploads/brand_17.png"></a></li>
            <li><a href=""><img src="./uploads/brand_19.png"></a></li>
            <li><a href=""><img src="./uploads/brand_21.png"></a></li>
        </ul>
    </div>
    <!-- 家用电器 -->
    <div class="household w clearfix">
        <div class="home">
        <h>手机通讯</h>
        <ul class="phone-menu">
            <li><a href="">热门</a></li>
            <li>|</li>
            <li><a href="">品牌优选</a></li>
            <li>|</li>
            <li><a href="">新机尝鲜</a></li>
            <li>|</li>
            <li><a href="">高性价比</a></li>
            <li>|</li>
            <li><a href="">口碑推荐</a></li>
            <li>|</li>
            <li><a href="">合约机</a></li>
            <li>|</li>
            <li><a href="">手机卡</a></li>
            <li>|</li>
            <li><a href="">店铺精选</a></li>
            <li>|</li>
            <li><a href="">手机配件</a></li>
        </ul>
        </div>
        <div class="device">
        <!-- 电视 -->
        <div class="ds">
            <ul>
                <li><a href="#">节能补贴</a></li>
                <li><a href="#">空气净化器</a></li>
                <li><a href="#">滚筒洗衣机</a></li>
                <li><a href="#">4K电视</a></li>
                <li><a href="#">1H电饭煲</a></li>
                <li><a href="#">电热水器</a></li>
            </ul>
            <img src="./uploads/floor-1-1.png">
        </div>
        <div class="rsh">
            <a href="#"><img src="./uploads/floor-1-b01.png"></a>
        </div>
        <div class="floor-1">
            <img src="./uploads/floor-1-2.png">
            <img src="./uploads/floor-1-3.png">
        </div>
        <div class="floor-2">
            <img src="./uploads/floor-1-4.png">
           
        </div>
        <div class="floor-3">
             <img src="./uploads/floor-1-5.png">
             <img src="./uploads/floor-1-6.png">
        </div>
        </div>
    </div>
    <!-- 手机品牌 -->
    <div class="phone-brank w clearfix">
            <ul>
                <li><a href=""><img src="./uploads/brand_03.png"></a></li>
                <li><a href=""><img src="./uploads/brand_05.png"></a></li>
                <li><a href=""><img src="./uploads/brand_07.png"></a></li>
                <li><a href=""><img src="./uploads/brand_09.png"></a></li>
                <li><a href=""><img src="./uploads/brand_11.png"></a></li>
                <li><a href=""><img src="./uploads/brand_13.png"></a></li>
                <li><a href=""><img src="./uploads/brand_15.png"></a></li>
                <li><a href=""><img src="./uploads/brand_17.png"></a></li>
                <li><a href=""><img src="./uploads/brand_19.png"></a></li>
                <li><a href=""><img src="./uploads/brand_21.png"></a></li>
            </ul>
    </div>
    <!-- 热门疯抢 -->
    <div class="rmfq w clearfix">
        <h>热门疯抢</h>
        <div class="goods-item">
            <div class="mj">
                <img src="./uploads/like_03.png" width="196px">
                <p>暴风魔镜 小D 虚拟现实智能VR眼镜3</p>
                <span>￥79</span>
            </div>
            <!-- <div class="cdb-wrapp"> -->
            <div class="cdb-wrapper">
                <div class="cdb">
                    <img src="./uploads/like_04.png" width="100px">
                    <div class="yb">
                    <p>羽博7800毫安 Z3移动电源充电</p>
                    <span>￥139.00</span>
                    </div>
                </div>
                <div class="liner"></div>
                <div class="cdb">
                    <img src="./uploads/like_04.png" width="100px">
                    <div class="yb">
                    <p>羽博7800毫安 Z3移动电源充电</p>
                    <span>￥139.00</span>
                    </div>
                </div>
            </div>
            <div class="cdb-wrapper">
                <div class="cdb">
                    <img src="./uploads/like_04.png" width="100px">
                    <div class="yb">
                    <p>羽博7800毫安 Z3移动电源充电</p>
                    <span>￥139.00</span>
                    </div>
                </div>
                <div class="liner"></div>
                <div class="cdb">
                    <img src="./uploads/like_04.png" width="100px">
                    <div class="yb">
                    <p>羽博7800毫安 Z3移动电源充电</p>
                    <span>￥139.00</span>
                    </div>
                </div>
            </div>
            <div class="cdb-wrapper">
                <div class="cdb">
                    <img src="./uploads/like_04.png" width="100px">
                    <div class="yb">
                    <p>羽博7800毫安 Z3移动电源充电</p>
                    <span>￥139.00</span>
                    </div>
                </div>
                <div class="liner"></div>
                <div class="cdb">
                    <img src="./uploads/like_04.png" width="100px">
                    <div class="yb">
                    <p>羽博7800毫安 Z3移动电源充电</p>
                    <span>￥139.00</span>
                    </div>
                </div>
            </div>
            <div class="mj-else">
                <img src="./uploads/like_03.png" width="196px">
                <p>暴风魔镜 小D 虚拟现实智能VR眼镜3</p>
                <span>￥79</span>
            </div>
        </div>
    <!-- </div> -->
    </div>
    <!-- 尾部 -->
    <div class="foot-wrapper">
        <div class="foot w">
            <!-- 图标 -->
            <div class="foot-logo">
                <div class="zp-wrap">
                    <div class="zp"></div>
                    <div class="bz">
                     <h>正品保障</h>
                     <p>正品保障，提供发票</p>
                    </div>
                </div>
                <div class="js-wrap">
                    <div class="js"></div>
                    <div class="bz">
                     <h>急速物流</h>
                     <p>急速物流，急速传送</p>
                    </div>
                </div>
                <div class="wy-wrap">
                    <div class="wy"></div>
                    <div class="bz">
                     <h>无忧售后</h>
                     <p>七天无理由退换货</p>
                    </div>
                </div>
                <div class="ts-wrap">
                    <div class="ts"></div>
                    <div class="bz">
                     <h>特色服务</h>
                     <p>私人定制家电套餐</p>
                    </div>
                </div>
                <div class="help-wrap">
                    <div class="help"></div>
                    <div class="bz">
                     <h>帮助中心</h>
                     <p>你的购物指南</p>
                    </div>
                </div>
            </div>
            <!-- 信息 -->
            <div class="foot-info">
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="gw-wrap">
                    <h>购物指南</h>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行/团购</li>
                        <li>常用问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </div>
                <div class="ewm-wrap">
                    <h>帮助中心</h>
                    <div><img src="image/wx_cz.jpg">
                    <p>品优购客户端</p></div>
                </div>
            </div>
            <div class="about-wrapper">
                <ul class="foot-menu">
                    <li>关于我们</li>
                    <li>|</li>
                    <li>联系我们</li>
                    <li>|</li>
                    <li>联系客服</li>
                    <li>|</li>
                    <li>商家入驻</li>
                    <li>|</li>
                    <li>营销中心</li>
                    <li>|</li>
                    <li>手机品优购</li>
                    <li>|</li>
                    <li>友情链接</li>
                    <li>|</li>
                    <li>销售联盟</li>
                    <li>|</li>
                    <li>品优购社区</li>
                    <li>|</li>
                    <li>品优购公益</li>
                    <li>|</li>
                    <li>English Site</li>
                    <li>|</li>
                    <li>Contact U</li>
                </ul>
                <div class="foot">
                    <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话400-618-4000 传真：010-82935100 邮箱：zhanghj+itcast.cn</p>
                    <p>京ICP备08001421号京公网安备110108007702</p>
                </div>
            </div>
        </div>
        
    </div>
</body>
</html>